<template>
  <el-row :gutter="20" class="data_list" style="margin-top:10px;height:calc(100% - 70px);">
    <el-col :span="24" style="height:100%">
      <el-table :data="dataList" v-loading="loading" height="calc(100% - 80px)" style="width: 100%;text-align:left;" @selection-change="seleChange"
        :default-sort="{prop: 'time', order: 'descending'}" header-row-class-name="list_header" row-class-name="list_row" :row-style="{height:'60px'}"
        :cell-style="{padding:'0px'}">
        <!-- <el-table-column type="selection" width="50">
        </el-table-column> -->
        <template v-for="(item, index) in columns">
          <el-table-column v-if="item.show != false && (item.prop == 'icon' || item.prop == 'imgs')" :key="index" :prop="item.prop"
            :label="item.label" :align="item.align?item.align:'center'" :width="item.width">
            <template slot-scope="scope">
              <el-image style="width: 60px; height: 60px" :src="scope.row.icon" fit="contain"></el-image>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'logo'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <el-image style="width: 60px; height: 60px" :src="scope.row.logo" fit="contain"></el-image>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'img'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <el-image style="width: 60px; height: 60px" :src="scope.row.img" fit="contain"></el-image>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'originIcon'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <el-image v-if="scope.row.originIcon" style="width: 60px; height: 60px" :src="scope.row.originIcon" fit="contain"></el-image>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'coverImg'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <el-image style="width: 60px; height: 60px" :src="scope.row.coverImg" fit="contain"></el-image>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'imgUrl'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <el-image style="width: 60px; height: 60px" :src="scope.row.imgUrl" fit="contain"></el-image>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'avatarUrl'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <el-image style="width: 60px; height: 60px" :src="scope.row.avatarUrl" fit="contain"></el-image>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'idNegativeImg'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <el-image style="width: 60px; height: 60px" :src="scope.row.idNegativeImg" :preview-src-list="[scope.row.idNegativeImg]" fit="contain"></el-image>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'idPositiveImg'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <el-image style="width: 60px; height: 60px" :src="scope.row.idPositiveImg" :preview-src-list="[scope.row.idPositiveImg]" fit="contain"></el-image>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'goodsCommentImgs'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <el-image v-for="url in scope.row.imgs" :key="url" :src="url" :preview-src-list="scope.row.imgs" style="width: 60px; height: 60px" fit="contain"></el-image>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'goodsListImgs'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <el-image v-for="url in scope.row.imgs" :key="url" :src="url" style="width: 60px; height: 60px" fit="contain"></el-image>
            </template>
          </el-table-column>
          <!-- <el-table-column v-else-if="item.prop == 'profile'" :key="index" :prop="item.prop" :label="item.label"
            :align="item.align?item.align:'center'" :width="item.width">
            <template slot-scope="scope">
              {{scope.row.profile}}
            </template>
          </el-table-column> -->
          <el-table-column v-else-if="item.prop == 'xasGoodsPropList'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              {{scope.row.xasGoodsPropList.name}}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'xasGoodsList'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width" show-overflow-tooltip>
            <template slot-scope="scope">
              {{scope.row.xasGoodsList.name}}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'xasGoodsPropListName'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              {{scope.row.xasGoodsPropList.name}}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'xasGoodsPropListStatus'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              {{scope.row.xasGoodsPropList.status== 0 ?'不可用':'可用'}}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'xasSkuGoodsListName'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width" show-overflow-tooltip>
            <template slot-scope="scope">
              {{scope.row.xasGoodsList.name}}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'xasGoodsSkuConfig'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              {{scope.row.xasGoodsSkuConfig.skuStr}}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'xasCommentGoodsName'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              {{scope.row.xasGoodsList.name}}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'orderGoodsUserInfo'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              {{scope.row.xasUserInfo.nick}}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'orderGoodsCheckGoodsSku'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              {{scope.row.xasGoodsSkuConfig.skuStr}}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'orderGoodsCheckGoodsName'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width" show-overflow-tooltip>
            <template slot-scope="scope">
              {{scope.row.xasGoodsList.name}}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'xasAdPositionList'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              {{scope.row.xasAdPositionList.code}}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'couponListGid'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width" show-overflow-tooltip>
            <template slot-scope="scope">
              {{scope.row.xasGoodsList.name}}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'sysUserRid'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              {{scope.row.xasRole.roleName}}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'authenticationRecordsPhone'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              {{scope.row.xasUserInfo.phone}}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'groupBuyGoodsNick'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              {{scope.row.xasUserInfo.nick}}
            </template>
          </el-table-column>
           <el-table-column v-else-if="item.prop == 'groupBuyGoodsPhone'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              {{scope.row.xasUserInfo.phone}}
            </template>
          </el-table-column>
           <el-table-column v-else-if="item.prop == 'groupBuyGoodsGender'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template v-if="scope.row.xasUserInfo.gender == 1">
                {{"男"}}
              </template>
              <template v-if="scope.row.xasUserInfo.gender == 2">
                {{"女"}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'groupBuyGoodsVip'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template>
                {{"svip" + scope.row.xasUserInfo.vip}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'shoppingCartListNick'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              {{scope.row.xasUserInfo.nick}}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'shoppingCartListPhone'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              {{scope.row.xasUserInfo.phone}}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'shoppingCartListVip'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template>
                {{"svip" + scope.row.xasUserInfo.vip}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'shoppingCartListGoodsName'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width" show-overflow-tooltip>
            <template slot-scope="scope">
              {{scope.row.xasGoodsList.name}}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'shoppingCartListGoodsSkuId'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              {{scope.row.xasGoodsSkuConfig.skuStr}}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'xasUserInfoNick'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              {{scope.row.xasUserInfo.nick}}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop == 'xasUserInfoPhone'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              {{scope.row.xasUserInfo.phone}}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='status'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              {{scope.row.status == 0 ?'不可用':'可用'}}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='createTime'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            width="180px">
            <template slot-scope="scope">
              {{ scope.row.createTime ==null ?scope.row.createTime :new Date(+new Date(new Date(scope.row.createTime).toJSON())+8*3600*1000).toISOString().replace(/T/g,' ').replace(/\.[\d]{3}Z/,'')
              }}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='time'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            width="180px">
            <template slot-scope="scope">
              {{ scope.row.time ==null ?scope.row.time :new Date(+new Date(new Date(scope.row.time).toJSON())+8*3600*1000).toISOString().replace(/T/g,' ').replace(/\.[\d]{3}Z/,'') }}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='cancelTime'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            width="180px">
            <template slot-scope="scope">
              {{ scope.row.cancelTime ==null ?scope.row.cancelTime :new Date(+new Date(new Date(scope.row.cancelTime).toJSON())+8*3600*1000).toISOString().replace(/T/g,' ').replace(/\.[\d]{3}Z/,'') }}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='delTime'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            width="180px">
            <template slot-scope="scope">
              {{ scope.row.delTime ==null ?scope.row.delTime :new Date(+new Date(new Date(scope.row.delTime).toJSON())+8*3600*1000).toISOString().replace(/T/g,' ').replace(/\.[\d]{3}Z/,'') }}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='completeTime'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            width="180px">
            <template slot-scope="scope">
              {{ scope.row.completeTime ==null ?scope.row.completeTime :new Date(+new Date(new Date(scope.row.completeTime).toJSON())+8*3600*1000).toISOString().replace(/T/g,' ').replace(/\.[\d]{3}Z/,'') }}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='paySucTime'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            width="180px">
            <template slot-scope="scope">
              {{ scope.row.paySucTime ==null ?scope.row.paySucTime :new Date(+new Date(new Date(scope.row.paySucTime).toJSON())+8*3600*1000).toISOString().replace(/T/g,' ').replace(/\.[\d]{3}Z/,'') }}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='receiveTime'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            width="180px">
            <template slot-scope="scope">
              {{ scope.row.receiveTime ==null ?scope.row.receiveTime :new Date(+new Date(new Date(scope.row.receiveTime).toJSON())+8*3600*1000).toISOString().replace(/T/g,' ').replace(/\.[\d]{3}Z/,'') }}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='refundTime'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            width="180px">
            <template slot-scope="scope">
              {{ scope.row.refundTime ==null ?scope.row.refundTime :new Date(+new Date(new Date(scope.row.refundTime).toJSON())+8*3600*1000).toISOString().replace(/T/g,' ').replace(/\.[\d]{3}Z/,'') }}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='refuseTime'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            width="220px">
            <template slot-scope="scope">
              {{ scope.row.refuseTime ==null ?scope.row.refuseTime :new Date(+new Date(new Date(scope.row.refuseTime).toJSON())+8*3600*1000).toISOString().replace(/T/g,' ').replace(/\.[\d]{3}Z/,'') }}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='birthday'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            width="220px">
            <template slot-scope="scope">
              {{ scope.row.birthday ==null ?scope.row.birthday :new Date(+new Date(new Date(scope.row.birthday).toJSON())+8*3600*1000).toISOString().replace(/T/g,' ').replace(/\.[\d]{3}Z/,'') }}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='registerTime'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            width="220px">
            <template slot-scope="scope">
              {{ scope.row.registerTime ==null ?scope.row.registerTime :new Date(+new Date(new Date(scope.row.registerTime).toJSON())+8*3600*1000).toISOString().replace(/T/g,' ').replace(/\.[\d]{3}Z/,'') }}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='orderGoodsSendTime'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            width="220px">
            <template slot-scope="scope">
              {{ scope.row.sendTime ==null ?scope.row.sendTime :new Date(+new Date(new Date(scope.row.sendTime).toJSON())+8*3600*1000).toISOString().replace(/T/g,' ').replace(/\.[\d]{3}Z/,'') }}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='orderGoodsReceiveTime'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            width="220px">
            <template slot-scope="scope">
              {{ scope.row.receiveTime ==null ?scope.row.receiveTime :new Date(+new Date(new Date(scope.row.receiveTime).toJSON())+8*3600*1000).toISOString().replace(/T/g,' ').replace(/\.[\d]{3}Z/,'') }}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='startTime'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            width="220px">
            <template slot-scope="scope">
              {{ scope.row.startTime ==null ?scope.row.startTime :new Date(+new Date(new Date(scope.row.startTime).toJSON())+8*3600*1000).toISOString().replace(/T/g,' ').replace(/\.[\d]{3}Z/,'') }}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='sucTime'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            width="220px">
            <template slot-scope="scope">
              {{ scope.row.sucTime ==null ?scope.row.sucTime :new Date(+new Date(new Date(scope.row.sucTime).toJSON())+8*3600*1000).toISOString().replace(/T/g,' ').replace(/\.[\d]{3}Z/,'') }}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='orderRefundTime'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            width="220px">
            <template slot-scope="scope">
              {{ scope.row.refundTime ==null ?scope.row.refundTime :new Date(+new Date(new Date(scope.row.refundTime).toJSON())+8*3600*1000).toISOString().replace(/T/g,' ').replace(/\.[\d]{3}Z/,'') }}
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='goodsCommentStatus'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template v-if="scope.row.status == 0">
                {{"审核中"}}
              </template>
              <template v-if="scope.row.status == 1">
                {{"审核通过"}}
              </template>
              <template v-if="scope.row.status == 2">
                {{"审核不通过"}}
              </template>
              <template v-if="scope.row.status == 3">
                {{"已删除"}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='couponRecordsStatus'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template v-if="scope.row.status == 0">
                {{"未使用"}}
              </template>
              <template v-if="scope.row.status == 1">
                {{"已使用"}}
              </template>
              <template v-if="scope.row.status == 2">
                {{"已过期"}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='type'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template v-if="scope.row.type == 1">
                {{"国内"}}
              </template>
              <template v-if="scope.row.type == 2">
                {{"保税区直供"}}
              </template>
              <template v-if="scope.row.type == 3">
                {{"海外直邮"}}
              </template>
              <template v-if="scope.row.type == 4">
                {{"香港直邮"}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='category'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template v-if="scope.row.category == 0">{{"普通商品"}}</template>
              <template v-if="scope.row.category == 1">
                {{"团购商品"}}
              </template>
              <template v-if="scope.row.category == 2">
                {{"限购商品"}}
              </template>
              <template v-if="scope.row.category == 3">
                {{"积分商品"}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='expressType'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template v-if="scope.row.expressType == 1">
                {{"顺丰"}}
              </template>
              <template v-if="scope.row.expressType == 2">
                {{"圆通"}}
              </template>
              <template v-if="scope.row.expressType == 3">
                {{"申通"}}
              </template>
              <template v-if="scope.row.expressType == 4">
                {{"中通"}}
              </template>
              <template v-if="scope.row.expressType == 5">
                {{"百世"}}
              </template>
              <template v-if="scope.row.expressType == 6">
                {{"韵达"}}
              </template>
              <template v-if="scope.row.expressType == 7">
                {{"德邦"}}
              </template>
              <template v-if="scope.row.expressType == 8">
                {{"宅急送"}}
              </template>
              <template v-if="scope.row.expressType == 9">
                {{"EMS"}}
              </template>
              <template v-if="scope.row.expressType == 10">
                {{"天天快递"}}
              </template>
              <template v-if="scope.row.expressType == 11">
                {{"跨越速运"}}
              </template>
              <template v-if="scope.row.expressType == 12">
                {{"中国邮政"}}
              </template>
              <template v-if="scope.row.expressType == 13">
                {{"蓝天快递"}}
              </template>
              <template v-if="scope.row.expressType == 14">
                {{"澳邮中国快运"}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='orderStatus'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template v-if="scope.row.status == 1">
                {{"生成订单，待付款"}}
              </template>
              <template v-if="scope.row.status == 2">
                {{"已支付，待发货"}}
              </template>
              <template v-if="scope.row.status == 3">
                {{"已发货，待收货"}}
              </template>
              <template v-if="scope.row.status == 4">
                {{"已收货，待评价"}}
              </template>
              <template v-if="scope.row.status == 5">
                {{"已评价，已完成"}}
              </template>
              <template v-if="scope.row.status == 6">
                {{"退款售后"}}
              </template>
              <template v-if="scope.row.status == 7">
                {{"已取消"}}
              </template>
              <template v-if="scope.row.status == 8">
                {{"已删除"}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='orderRechargeStatus'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template v-if="scope.row.status == 1">
                {{"生成订单，待付款"}}
              </template>
              <template v-if="scope.row.status == 2">
                {{"已支付"}}
              </template>
              <template v-if="scope.row.status == 5">
                {{"已完成"}}
              </template>
              <template v-if="scope.row.status == 7">
                {{"已取消"}}
              </template>
              <template v-if="scope.row.status == 8">
                {{"已删除"}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='withdrawStatus'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template v-if="scope.row.status == 1">
                {{"待审核"}}
              </template>
              <template v-if="scope.row.status == 2">
                {{"已付款"}}
              </template>
              <template v-if="scope.row.status == 5">
                {{"已完成"}}
              </template>
              <template v-if="scope.row.status == 6">
                {{"未审核通过"}}
              </template>
              <template v-if="scope.row.status == 7">
                {{"已取消"}}
              </template>
              <template v-if="scope.row.status == 8">
                {{"已删除"}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='adListType'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template v-if="scope.row.type == 0">
                {{"仅为图片"}}
              </template>
              <template v-if="scope.row.type == 1">
                {{"一般链接"}}
              </template>
              <template v-if="scope.row.type == 2">
                {{"富文本"}}
              </template>
              <template v-if="scope.row.type == 3">
                {{"具体页面"}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='sysConfigStatus'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template v-if="scope.row.status == 0">
                {{"不可用"}}
              </template>
              <template v-if="scope.row.status == 1">
                {{"前端可用"}}
              </template>
              <template v-if="scope.row.status == 2">
                {{"系统可用"}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='userInfoGender'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template v-if="scope.row.gender == 1">
                {{"男"}}
              </template>
              <template v-if="scope.row.gender == 2">
                {{"女"}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='authenticationRecordsStatus'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template v-if="scope.row.status == 0">
                {{"审核中"}}
              </template>
              <template v-if="scope.row.status == 1">
                {{"审核通过"}}
              </template>
              <template v-if="scope.row.status == 2">
                {{"审核不通"}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='orderGoodsReceive'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template v-if="scope.row.receive == 0">
                {{"未收货"}}
              </template>
              <template v-if="scope.row.receive == 1">
                {{"已收货"}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='TopRankGoodsRankType'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template v-if="scope.row.rankType == 1">
                {{"销量榜"}}
              </template>
              <template v-if="scope.row.rankType == 2">
                {{"新品榜"}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='vipPriceId'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template>
                {{"svip" + scope.row.id}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='vipPrivilegeVip'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template>
                {{"svip" + scope.row.vip}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='userInfoVip'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template>
                <el-button type="text" @click="svip(scope.row.id,scope.row.vip)">{{"svip" + scope.row.vip}}</el-button>
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='balanceRecordsType'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template v-if="scope.row.type == 1">
                {{"充值"}}
              </template>
              <template v-if="scope.row.type == 2">
                {{"消耗"}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='benefitsRecordsType'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template v-if="scope.row.type == 1">
                {{"充值"}}
              </template>
              <template v-if="scope.row.type == 2">
                {{"购买商品"}}
              </template>
              <template v-if="scope.row.type == 3">
                {{"抵扣"}}
              </template>
              <template v-if="scope.row.type == 4">
                {{"分销"}}
              </template>
              <template v-if="scope.row.type == 5">
                {{"分红"}}
              </template>
              <template v-if="scope.row.type == 6">
                {{"提现"}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='pointRecordsType'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template v-if="scope.row.type == 1">
                {{"充值获得"}}
              </template>
              <template v-if="scope.row.type == 2">
                {{"购买商品获得"}}
              </template>
              <template v-if="scope.row.type == 3">
                {{"消耗，即积分抵扣"}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='groupBuyGoodsStatus'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template v-if="scope.row.status == 0">
                {{"发起团购"}}
              </template>
              <template v-if="scope.row.status == 1">
                {{"团购成功"}}
              </template>
              <template v-if="scope.row.status == 2">
                {{"团购失败"}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else-if="item.prop =='orderRefund'" :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'"
            :width="item.width">
            <template slot-scope="scope">
              <template v-if="scope.row.refund != 1">
                {{"未退款"}}
              </template>
              <template v-if="scope.row.refund == 1">
                {{"已退款"}}
              </template>
            </template>
          </el-table-column>
          <el-table-column v-else :key="index" :prop="item.prop" :label="item.label" :align="item.align?item.align:'center'" :width="item.width"
            show-overflow-tooltip>
          </el-table-column>
        </template>
        <slot name="table_oper" />
      </el-table>
      <!--工具条 -->
      <div style="margin-top:10px;height:40px;">
        <!-- <el-button type="danger" @click="$emit('batchDelete',sels)" :disabled="this.sels.length < 2" size="mini" style="float:left;margin-left:10px;">批量删除</el-button> -->
        <el-pagination v-if="pager.total != -1" layout="prev, pager, next" :total="pager.total" :current-page.sync="pager.pageNo" @current-change="handleCurrentChange"
          style="float:right;margin-right:10px;" />
      </div>
    </el-col>
  </el-row>
</template>

<script>
  export default {
    props: {
      columns: Array,
      dataList: Array,
      pager: Object,
      loading: Boolean,
      arrayImgs:Array,
      vipDialogVisible:Boolean,
    },
    data() {
      return {
        sels: [],
      };
    },
    methods: {
      //-------分页----------
      handleCurrentChange(val) {
        this.pager.pageNo = val;
        this.$emit("currentChange", val);
      },
      seleChange(sels) {
        this.sels = sels;
      },
      staffTypeHandleChange() {

      },
      staffTypeHandleEdit() {

      },
      svip(id,vip){
        this.$emit("svip", true,id,vip);
      }
    }
  };

</script>


<style lang="scss">
  .data_list {
    .list_header th {
      background-color: #E8EFF9;
    }
    .list_row {
      height: 100px;
      td {
        padding: 0 !important;
        .cell {
          // max-height: 23px !important;
          overflow: hidden !important;
          .el-image{
            overflow: visible !important;
          }
        }
      }
    }
    .el-table__empty-block{
        width: 100% !important;
    }
  }

  /* 分页栏美化*/

  .el-pager li {
    min-width: 25.5px;
    border: solid 1px #409eff;
    margin: 0 4px;
    color: #409eff;
  }

  .el-pager li.active {
    background-color: #409eff;
    color: white;
  }

  .el-pager li.active+li {
    border-left: solid 1px;
  }

  .el-pagination .btn-next,
  .el-pagination .btn-prev {
    background-color: white;
    border: solid 1px #9b9d96;
    padding-right: 0px;
    padding-left: 0px;
  }

  .el-pagination button,
  .el-pagination span:not([class*="suffix"]) {
    min-width: 25.5px;
  }

  .editQuery {
    font-size: 20px;
    color: #409eff;
    right: 40px;
    top: 60px;
    position: absolute;
    z-index: 5;
  }

</style>
